<%@page import="com.gesturn2.comercio.Servicio"%>
<%@page import="com.gesturn2.comercio.Sede"%>
<%@page import="com.gesturn2.comercio.Empresa"%>
<%@page import="javax.swing.text.Document"%>
<%@page import="com.gesturn2.comercio.Punto_de_Vigilancia"%>
<%@page import="java.util.Date"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
-->
<jsp:useBean id="model"	scope="session" class="mvc.model.WebModel"/>
<%@page errorPage="PaginaError.jsp" %>
<jsp:useBean id="puntoVigi" scope="session" class="com.gesturn2.comercio.Punto_de_Vigilancia"/>
<jsp:useBean id="servi" scope="session" class="com.gesturn2.comercio.Servicio"/>
<%@page import="java.util.List" %>
<%@page import="java.util.LinkedList"%>

<%
System.out.println("----//INITMODEL----llegada----");
model.init(application); %>

<%
    HttpSession sesion = request.getSession();
    request= (HttpServletRequest)pageContext.getRequest();
    String BASEURL= request.getContextPath();//Permite ir a la ruta inicial del proyecto.
    String CONTROLLER=BASEURL + "/controller";
    
   
   //exception.printStackTrace();
 %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Logistix by Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="<%=BASEURL%>/default.css" rel="stylesheet" type="text/css" /><link href="<%=BASEURL%>/menus.css" rel="stylesheet" type="text/css" />
<%--<link rel="stylesheet" type="text/css" href="cssConfFormularios.css"/>--%>
<link href="http://cdn.jotfor.ms/jotform.cssgz?3.1.110" rel="stylesheet" type="text/css" />
<link type="text/css" rel="stylesheet" href="http://www.jotform.com/css/styles/pastel.css" />
<style type="text/css">
    .form-label{
        width:150px !important;
    }
    .form-label-left{
        width:150px !important;
    }
    .form-line{
        padding:10px;
    }
    .form-label-right{
        width:150px !important;
    }
.form-all{
        margin:0px auto;
        padding-top:0px;
        width:500px;
        color:Black !important;
        font-family:Verdana;
        font-size:12px;
    }

    
</style>
<style type="text/css" >
 tr{
	display:none;
}
</style>
<script type="text/javascript">
var contador1oprimeroselementos=1;
sw=false;

</script>
<script type="text/javascript">


     function MostrarFilas() {//aqui se abre la llave de la funcion mostrar filas
       var elementos = document.getElementsByTagName("tr");
             if(contador1oprimeroselementos==elementos.length){// llave de el primer if del siclo for

       alert("elementos mostrado por completo");
       contador1oprimeroselementos=1;
       sw=false;
       OcultarFilas();



       return ;
          }//cierre de la llave del primer if

    for (var n =1 ; n<=3; n++) {// esta es la llave de el siclo for con var n




               if(sw==true){//llave del segundo if

            var r=0;
           for (k = 1; k<=2; k++) {//llave del segundo siclo for con var k
            r++;
           elementos[contador1oprimeroselementos-r].style.display = "none";


            }//cierre del llave del ciclo for con var k
            sw=false;
  }//cierre de la segunda  llave if

        if(navigator.appName.indexOf("Microsoft") > -1){//llave del tercer if
               var visible = 'block'
        } else {
                       var visible = 'table-row';
        }//cierre de llave del tercer if

	elementos[contador1oprimeroselementos].style.display = visible;
	contador1oprimeroselementos++;

        }//cierre de llave del primer ciclo
        sw=true;

}//cierre de llave de la funcion



function OcultarFilas(Fila) {
     contador1oprimeroselementos=1;
    var elementos = document.getElementsByTagName("tr");

       for (k = 1; k< elementos.length; k++) {
               elementos[k].style.display = "none";
    }
    }
</script>


<script src="http://cdn.jotfor.ms/jotform.jgz?3.1.110" type="text/javascript"></script>
<script type="text/javascript">
   JotForm.init(function(){
      $('input_12').hint('ex: myname@example.com');
      JotForm.alterTexts({"required":"Este campo es requerido","alphabetic":"Este campo contienen solo letras","numeric":"Este campo solo acepta valores numericos","alphanumeric":"este campo contiene solo letras y numeros","incompleteFields":"There are incomplete required fields. Please complete them.","uploadFilesize":"File size cannot be bigger than:","confirmClearForm":"Are you sure you want to clear the form","lessThan":"Your score should be less than","email":"Enter a valid e-mail address","uploadExtensions":"You can only upload following files:","pleaseWait":"Please wait..."});
   });
</script>

<script language="javascript" type="text/javascript">
function vermas() {
var eldiv =document.getElementById("vermasdiv");
if(eldiv.style.display=="none"){
eldiv.style.display="block";
}else{
eldiv.style.display="none";
}
}

function vermas2() {
var eldiv =document.getElementById("requerimientos");
if(eldiv.style.display=="none"){
eldiv.style.display="block";
}else{
eldiv.style.display="none";
}
}
</script>
<script  type="text/javascript">



  
   
</script>


</head>

<body>
<div id="header">
  <h2>OFRESIENDO UN MEJOR SERVICIO </h2>
  <img src="<%=BASEURL%>/vimarco_cabecera.jpg" /></div>
  
<!-- end #header -->
<div id="menu">
	<ul id="menu">
		<li><a href="index1.html" accesskey="1" title="">INICIO</a>
		</li>
		<li><a href="#" accesskey="2" title="">CONTRATACION DE SERVICIOS </a>
		<ul>
			<li><a href="<%=BASEURL%>/index -servicio.jsp"> nuevo servicio</a></li>
			<li><a href="<%=BASEURL%>/index -modificarservicio.html">modificar serv</a></li>
			<li><a href="#">consultar serv</a></li>
			<li><a href="<%=BASEURL%>/index -listarservicio.jsp">listar serv</a></li>
			<li><a href="<%=BASEURL%>/index -contratos.jsp">asignar a cliente</a></li>
		</ul></li>
		<li><a href="" accesskey="3" title="">CLIENTES</a>
		<ul>
			<li><a href="<%=BASEURL%>/index -clientes.jsp"> nuevo cliente</a></li>
			<li><a href="<%=BASEURL%>/index -modificarcliente.jsp">modificar cliente</a></li>
			<li><a href="<%=BASEURL%>/index -listarcliente.jsp">listar cliente</a></li>
			
		</ul></li>
		<li><a href="#" accesskey="4" title="">PERSONAL DE VIGILANCIA </a>
		<ul>
			<li><a href="#"> vigilante</a>
			<ul>
			<li><a href="<%=BASEURL%>/index -vigilante.jsp"> nuevo vigilante</a></li>
			<li><a href="<%=BASEURL%>/index -modificarvigilante.jsp">modificar vigilante</a></li>
			<li><a href="<%=BASEURL%>/index -listarvigilante.jsp">listar vigilante</a></li>
			
		</ul></li>
			<li><a href="#">supervisor</a>
			<ul>
			<li><a href="<%=BASEURL%>/index -supervisor.jsp"> nuevo supervisor</a></li>
			<li><a href="<%=BASEURL%>/index -modificarsupervisor.jsp">modificar supervisor</a></li>
			<li><a href="<%=BASEURL%>/index -listarsupervisor.jsp">listar supervisor</a></li>
			
		</ul></li>
		</ul></li>
		<li><a href="#" accesskey="5" title="">ADMIN</a>
		<ul>
						<li><a href="#">configuraciones</a></li>
			                        <li><a href="<%=BASEURL%>/cerrarsesion.jsp">cerrar cesion</a></li>
		  </ul></li>
		<li><a href="#" accesskey="6" title="">GESTION DE TURNOS</a></li>
	</ul>
</div>
<!-- end #menu -->
<div id="content">
	<div id="posts">
	  <div class="post">


              <form class="jotform-form" action="<%=CONTROLLER%>/Registrar/Puntodevigilancia" method="post" name="form_11302233069" id="11302233069" accept-charset="utf-8">
    <input type="hidden" name="formID" value="11302233069" />
    <div class="form-all">
        <ul class="form-section">
            <li id="cid_1" class="form-input-wide">
                <div class="form-header-group">
                    <h2 id="header_1" class="form-header">
                        Registrar Punto de Vigilancia
                    </h2>

                </div>
            </li>
            <li class="form-line" id="id_3">
                  <label class="form-label-left" id="label_3" for="input_3">
                    Id<span class="form-required">*</span>
                </label>
                <div id="cid_3" class="form-input">
                    <input type="text" class="form-textbox validate[required, Numeric]" id="input_3" name="q3_id" size="20" />

                </div>
            </li>
            <li class="form-line" id="id_4">
                <label class="form-label-left" id="label_4" for="input_4">
                    Nombre<span class="form-required">*</span>
                </label>
                <div id="cid_4" class="form-input">
                    <input type="text" class="form-textbox validate[required, Alphabetic]" id="input_4" name="q4_nombre" size="20" />

                </div>
            </li>
            <li class="form-line" id="id_5">
                 <label>Seleciones Servicio</label>
                 <select name="sw2" class="form-dropdown validate[required] form-address-country"  id="input_8_country">
    <option selected value="0"> por favor seleccione </option>
<%
   List li = model.listarServicios();
            for(int i=0;i<li.size();i++)
            {
                Servicio p=(Servicio)li.get(i);

                %>
<option value="<%=p.getCodigo()%>" ><%=p.getNombre()%></option>


<%}%>
</select>
            </li>
            <li class="form-line" id="id_6">
                
                <div id="cid_6" class="form-input">
                    <label>Seleciones Sede</label>
<select name="sw" class="form-dropdown validate[required] form-address-country"  id="input_8_country">
    <option selected value="0"> por favor seleccione </option>
<%
   List li2 = model.listarSede();
            for(int i=0;i<li2.size();i++)
            {
                Sede p2=(Sede)li2.get(i);

                %>
<option value="<%=p2.getId()%>" ><%=p2.getNombre()%></option>


<%}%>
</select>

                </div>
            </li>
            
            
 

            <li style="display:none">
                Should be Empty:
                <input type="text" name="website" value="" />
            </li>
        </ul>
    </div>
    <input type="hidden" id="simple_spc" name="simple_spc" value="11302233069" />

    <script type="text/javascript">
        document.getElementById("si" + "mple" + "_spc").value = "11302233069-11302233069";
    </script>
    <input type="submit" value="guardar"></input>
</form>



 
              




		  
		  
	  </div>
	</div>
	<!-- end #posts -->
	<div id="links">
		<ul>
			<li>
				<h2>Nuestros Clientes</h2>
				<p>Organizaciones de los sectores Industriales, Aeronáutico, Portuarios, Educativos, Hoteleros, Comerciales, Entretenimiento y Residencial hacen parte de nuestros clientes. Estas son algunas de las importantes empresas a nivel nacional que confirman a Vimarco como Organización número uno en Seguridad Privada Integral, servicios generales y vigilancia.</p>			</li>

                
                </ul>
	</div>
	<!-- end #links -->
	<div style="clear: both;">&nbsp;</div>
</div>
<!-- end #content -->
<div id="footer">
	<p id="legal">Copyright &copy; 2011 Logistix. Designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
	<p id="legal"> modificado por estudiantes del tecnologico de comfenalco para la empresa </p>
	 <img src="<%=BASEURL%>/vimarco.jpg" />
</div>
<!-- end #footer -->

</body>
</html>
